/**
 * react 路由基本使用
 * 1 安装 npm i react-router-dom
 * 2 导入三个核心组件 BrowserRouter Route Link
 * 3 包裹整个应用 BrowserRouter as Router 包裹
 * 4 使用 Link 组件作为组件切换的按钮（起点）
 * 5 使用 Route 组件配置要显示的组件（终点）
 */

import React from 'react'
import { BrowserRouter as Router, Route, Link } from 'react-router-dom'
// import { HashRouter as Router, Route, Link } from 'react-router-dom'


const First = () => <p>我是页面一的内容</p>
const Second = () => <p>我是页面二的内容</p>

class App extends React.Component{

    render () {
        return (
            <Router>
                <div>
                    路由基本使用
                </div>
                <Link to="/first">页面一</Link>
                <br/>
                <Link to="/second">页面二</Link>
                <Route path="/first" component={First}/>
                <Route path="/second" component={Second}/>
            </Router>
        )
    }
}

export default App